<?php
/*
| --------------------------------------------------------------------------------------------------
| <dashboard_view>
| Desenvolvedor:	eduardo
| E-mail:		eduardo.sirangelo@21century.com.br
| Descrição:
|	- 
| Quality is Everyting
| --------------------------------------------------------------------------------------------------
*/

?>
<div id="header-container">
                	
    <div id="phone-number">
        <h3>(51)3023-7777 | (51)3342-3000</h3>        
    </div>


    <div id="slideshow-wrapper">

        <div id="slideshow">

            <ul id="slide-main">

                <li>

                    <div class="ipd-case">
                        <div class="webpage">
                            <img src="<?=base_url()?>public/images/webpage.png" width="342" height="307" alt="Web Page" />
                            <div class="retina"></div>
                        </div>    
                    </div>

                    <div class="slide-text1">
                        <h2>Great  and Optimal Design.</h2>
                        <p>Nemo enim ipsam voluptatem quiasi voluptas aspernatur autodit aut fugit sed quia consequuntur magni dolores eos ratione volup tatem sequi nesciunt neque porro quisquam estqui dolorem ipsum quia dolor sitayu amet consectetur</p>
                        <div class="slide-button">
                            <a class="button-big" href="#"><span>view our work &raquo;</span></a> 
                        </div>
                    </div>

                </li>

                <!-- Slideshow 2 -->
                <li>                                	
                    <div class="slide-text2">
                        <h2>Support All Major Web Browsers.</h2>
                        <p>Voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores</p>
                        <div class="slidecenter-img">
                            <img src="<?=base_url()?>public/images/browser-img.png" alt="" />
                        </div>
                    </div>
                </li>

                <!-- Slideshow 3 -->
                <li>
                    <div class="slide-text3">
                        <img style="background: url('<?=base_url()?>public/images/img-slide.jpg') no-repeat 0 0" src="<?=base_url()?>public/images/space.gif" width="960" height="304" alt="" />
                        <h2>Elegant, Simply and Attractive.</h2>
                        <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur</p>                                        
                    </div>
                </li>

                <!-- Slideshow 4 -->
                <li>                                	
                    <div class="slide-text4">
                        <h2>No Compromise, On Target.</h2>
                        <p>Nemo enim ipsam voluptatem quiasi voluptas aspernatur autodit aut fugit sed quia consequuntur magni dolores eos ratione volup tatem sequi nesciunt neque porro quisquam estqui dolorem ipsum quia dolor sitayu amet consectetur</p>
                        <div class="slide-button">
                            <a class="button-big" href="#"><span>get a quote &raquo;</span></a> 
                        </div>
                    </div>

                    <div class="imgslide-right">
                        <img src="<?=base_url()?>public/images/img-slide2.png" alt="" />
                    </div>

                </li>

            </ul>

            <ul id="slide-title">
                <li class="title">
                        <a href="#">
                        <span class="slide-icon"><img src="<?=base_url()?>public/images/slide-icon1.png" alt="" /></span>
                    Great and Optimal
                    </a>
                </li>
                <li class="title">
                        <a href="#">
                        <span class="slide-icon"><img src="<?=base_url()?>public/images/slide-icon2.png" alt="" /></span>
                    Browser Support
                    </a>
                </li>
                <li class="title">
                        <a href="#">
                        <span class="slide-icon"><img src="<?=base_url()?>public/images/slide-icon3.png" alt="" /></span>
                    Attractive Design
                    </a>
                </li>
                <li class="title line-last">
                        <a href="#">
                    <span class="slide-icon"><img src="<?=base_url()?>public/images/slide-icon4.png" alt="" /></span>
                    No Compromise
                    </a>
                </li>

            </ul>

        </div>

    </div>

    <div id="slideshow-shadow"></div>

</div>
<div id="content">
    
    <div class="maincontent">

    <div id="top-content">
            <div id="twitter-bird"><img src="<?=base_url()?>public/images/tweet.png" alt="" /></div>
            <div id="twitter"></div>
        <div id="fb-like"><iframe frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; width: 81px; height: 20px;" src="http://www.facebook.com/plugins/like.php?href=http://www.indonez.com/&amp;layout=button_count&amp;show_faces=false&amp;width=66&amp;action=like&amp;colorscheme=light"></iframe></div> 	
    </div>

    <div id="founder-prolog">
            <div class="founder-img">
            <img src="<?=base_url()?>public/images/founder.jpg" alt="" class="imgleft" />
        </div>
        <div class="prolog-text">
            <h3>Hi..!! I'm John CEO of Procyon, welcome to factory of idea</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
        </div>                            
    </div>

    <div class="clear"></div>
    <div class="divider-fullwidth"></div>                        

    <div class="front-left">
        <div class="col-3 front-content">
            <div class="front-icon"><img src="<?=base_url()?>public/images/front-icon1.jpg" alt="" /></div>
            <h4>Good Interface Design</h4>
            <p>Sed aliquam, ipsum at luctus pellentesquep urus orci luctus dui, eur imperdiet elit ipsum sed nisl nunc commodo pulvinar dignissim</p>
        </div>
        <div class="col-3 front-content">
            <div class="front-icon"><img src="<?=base_url()?>public/images/front-icon2.jpg" alt="" /></div>
            <h4>Fast and precise</h4>
            <p>Sed aliquam, ipsum at luctus pellentesquep urus orci luctus dui, eur imperdiet elit ipsum sed nisl nunc commodo pulvinar dignissim</p>
        </div>
        <div class="col-3 front-content">
            <div class="front-icon"><img src="<?=base_url()?>public/images/front-icon3.jpg" alt="" /></div>
            <h4>Easy Controling</h4>
            <p>Sed aliquam, ipsum at luctus pellentesquep urus orci luctus dui, eur imperdiet elit ipsum sed nisl nunc commodo pulvinar dignissim</p>
        </div>
        <div class="col-3 front-content">
            <div class="front-icon"><img src="<?=base_url()?>public/images/front-icon4.jpg" alt="" /></div>
            <h4>Chart Marketing</h4>
            <p>Sed aliquam, ipsum at luctus pellentesquep urus orci luctus dui, eur imperdiet elit ipsum sed nisl nunc commodo pulvinar dignissim</p>
        </div>
    </div>

    <div class="front-right">
        <div class="col-3 front-content">
            <h4>Powerful Theme Options</h4>
            <img src="<?=base_url()?>public/images/front-img.jpg" alt="" class="imgborder imgcenter" />
            <p>Sed aliquam, ipsum at luctus pellentesquep urus orci luctus dui, eur imperdiet elit ipsum sed nisl nunc commodo pulvinar dignissim</p>
        </div>
    </div>

    <div class="clear"></div>
    <div class="divider-fullwidth"></div> 

    <div class="front-testimonials">
            <ul>
            <li>
                    <div class="testi-text">&ldquo;Everytime you see a video online, you probably have Procyon Media to thank.&rdquo;</div>
                <div class="testi-logo"><img src="<?=base_url()?>public/images/client-logo1.gif" alt="" /></div>
                <div class="testi-client">Disney Movie Inc.</div>
            </li>
            <li class="fr-testi-nojs">
                    <div class="testi-text">&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.&rdquo;</div>
                <div class="testi-logo"><img src="<?=base_url()?>public/images/client-logo2.gif" alt="" /></div>
                <div class="testi-client">Pepsi Company.</div>
            </li>
            <li class="fr-testi-nojs">
                    <div class="testi-text">&ldquo;Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia.&rdquo;</div>
                <div class="testi-logo"><img src="<?=base_url()?>public/images/client-logo3.gif" alt="" /></div>
                <div class="testi-client">AMD Technology.</div>
            </li>
        </ul>
    </div>
    
    </div>
    
</div>
    <!-- END OF CONTENT -->


<div id="bottom-wrapper">        
 
    <div id="bottom-content">
    
        <div class="logofooter-column">
            <img src="<?=base_url()?>public/images/logo.png" alt="" />
        </div>
    
        <div class="contactbottom-column">
            <h6>Contact Us</h6>
            <p>Tel: +44 0208 1234 355 <br/>
            Fax: +44 0208 1234 344 <br/>
            Email: hello@procyon-media.com <br/>
            Skype: weareprocyon                                 
            </p>
        </div>
    
        <div class="socialbottom-column">
            <h6>Follow Us</h6>
            <ul class="social-list">
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social6.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social5.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social2.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social12.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social4.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social20.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social11.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social26.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social7.png" alt="" /></a></li>
                <li><a href="#"><img src="<?=base_url()?>public/images/social-icons/follow-footer/social18.png" alt="" /></a></li>
            </ul>
        </div>
        
        <div class="linkbottom-column">
            <h6>Media Center</h6>
            <ul class="list-bottom">
                <li><a href="#">Media Release</a></li>
                <li><a href="#">In The Media</a></li>
                <li><a href="#">FAQ</a></li>
            </ul>
        </div>

        <div class="mailingbottom-column">
            <h6>Mailing List</h6>
            <p>Sign up if you would like to receive occasional treats from us.</p>
            <form id="newsletter" action="#" method="get">
                <fieldset class="search-fieldset">
                <input type="text" id="nlt-form" value="Your email address..." onblur="if (this.value == ''){this.value = 'Your email address...'; }" onfocus="if (this.value == 'Your email address...') {this.value = ''; }" />
                <input type="submit" class="sub-button" value="Go" />                            
                </fieldset>      						
                </form>
        </div>         	
    
    </div>
    
</div>